<template>
  <div class="media">
    <div class="title">Media</div>
    <img src="@/assets/images/media.png" alt="" class="media-img">
    <img src="@/assets/images/m_media.png" alt="" class="media-img_m">
  </div>
</template>

<style lang="scss" scoped>
  .media{
    margin-top: 160px;
    .title{
      font-size: 90px;
      line-height: 108px;
      color: #5CD848;
      font-family: poppins-bold;
      text-align: center;
    }
    .media-img{
      width: 100%;
      margin-top: 80px;
    }
    .media-img_m{
      display: none;
    }
  }
  @media screen and (max-width: 1180px) {
    .media{
      margin-top: 30px;
      .title{
        font-size: 32px;
        line-height: 38px;
      }
      .media-img{
        display: none;
      }
      .media-img_m{
        display: block;
        width: 100%;
        margin-top: 37px;
      }
    }
  }
</style>